<template>
    <div>
        <Modal :value="isVisible" :closable="false">
            <p slot="header" style="text-align:center;font-weight:bold">视频内容状态</p>
            <p style="font-size:25px;text-align:center">当前视频处于：{{noticeContent}}</p>
            <div slot="footer" style="text-align:center">
                <Button type="success" @click="handleConfirm">确认</Button>
                <Button type="warning" @click="handleIgnore">忽略</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
export default {
    props:{
        isNoticeVisible:{
            type:Boolean
        },
        noticeContent:{
            type:String
        }
    },
    computed:{
        isVisible(){
            return this.isNoticeVisible
        }
    },
    methods:{
        close(){
            this.$emit("close")
        },
        handleConfirm(){
            this.$Message.error({
                content:"短信发送失败",
                duration:5
            })
             this.close()
        },
        handleIgnore(){
            this.close()
        }
    }
}
</script>

<style lang="less">
    
</style>